// ...existing code...
.TodayStatus {
  padding: 15px;
  font-size: 18px;
  box-sizing: border-box;
  min-height: 100vh;

  .pageTitle {
    position: relative;
    font-size: 30px;
    text-align: center;

    .goBack {
      position: absolute;
      left: 0;
    }
  }

  .analysisTitle {
    text-align: left;
    margin-top: 10px;
    font-weight: bold;
  }

  .statistics {
    .timeCount {
      width: 100%;
      margin-top: 10px;
    }

    .analysis {
      border: solid 2px;
      background: #f4e2ba;
      margin-top: 10px;

      .analysis-item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px 15px;
        align-items: center;

        .type {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          gap: 10px;

          .circle {
            width: 28px;
          }
       }
      }
    }
  }
}
// ...existing code...
